<script setup>
const props = defineProps(["title"]);
</script>
<template>
  <el-card class="text-left">
    <span
      class="font-bold text-3xl text-left relative pb-1 after:absolute after:left-0 after:bottom-0 after:content-[''] after:w-1/4 after:h-1 after:bg-[#ffcd11]"
    >
      {{ props.title }}
    </span>
    <div class="pt-9">
      <div
        v-for="item in 3"
        class="pt-3 pb-6 border-t-1 border-[#bbb] border-t-solid"
      >
        <div
          class="group flex items-center hover:color-[#ffcd11] cursor-pointer"
        >
          <span class="text-4 font-bold mr-2 transition-all">CAT技术</span>
          <Icon
            class="group-hover:ml-1 group-hover:color-[#ffcd11] relative transition-all"
            name="mingcute:right-line"
            size="1rem"
          />
        </div>
      </div>
    </div>
  </el-card>
</template>
